@charset "utf-8";
/* CSS Document */

/*
	Theme Name: 
	Theme URI: 
	Description: 蜗牛
*/ 

/* 清除内外边距 */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
fieldset, lengend, button, input, textarea,form, /* form elements 表单元素 */
th, td { /* table elements 表格元素 */
    margin: 0;
    padding: 0;
}

/* 设置默认字体 */
body,
button, input, select, textarea { /* for ie */
    /*font: 12px/1 Tahoma, Helvetica, Arial, "宋体", sans-serif;*/
    color:#000;
	font: 14px/1 Verdana, Helvetica, Arial, "\5b8b\4f53", sans-serif; /* 用 ascii 字符表示，使得在任何编码下都无问题 */
}


body{ background:url(../images/bg.png) repeat-x top #fff;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, section {
	display: block;
}

h1 { font-size: 18px; /* 18px / 12px = 1.5 */ font-family:Verdana;}
h2 { font-size: 18px; font-family:Verdana; font-weight:bold;}
h3 { font-size: 14px; }
h4, h5, h6 { font-size: 12px; font-weight:normal;}

address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */
code, kbd, pre, samp, tt { font-family: "Courier New", Courier, monospace; } /* 统一等宽字体 */
small { font-size: 12px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */

/* 重置列表元素 */
ul, ol, li{ list-style: none; list-style-position:outside; list-style-type:none;}

/* 重置文本格式元素 */
a { text-decoration: none; color:#767676;}
a:hover { text-decoration: none; color:#f40;}

abbr[title], acronym[title] { /* 注：1.ie6 不支持 abbr; 2.这里用了属性选择符，ie6 下无效果 */
	border-bottom: 1px dotted;
	cursor: help;
}

q:before, q:after { content: ''; }

/* 重置表单元素 */
legend { color: #000; } /* for ie6 */
fieldset, img { border: none; } /* img 让链接里的 img 无边框 */
/* 注：optgroup 无法扶正 */
button, input, select, textarea {
    font-size: 100%; /* 使得表单元素在 ie 下能继承字体大小 */
}

/* 重置表格元素 */
table {
	border-collapse: collapse;
	border-spacing: 0;
	text-align: left;
	color: #333;
}

/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
html { overflow-y: scroll; overflow-x: hidden;}

/* 清理浮动 */
.clearfix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.bank{ height:10px; clear:both;}

/*
		推荐使用的元素
		1. 结构元素：blockquote, body, br, div, h1 - h6, head, hr, html, p
		2. 头部元素：base, link, meta, script, style, title
		3. 列表元素：ul, ol, li, dl, dt, dd
		4. 文本格式元素：a, abbr, acronym, address, bdo, cite, code, del, dfn, em, ins, kbd, noscript, pre, q, samp, small, span, strong, sub, sup, var
		5. 表单元素：button, fieldset, legend, form, input, label, optgroup, option, select, textarea
		6. 多媒体元素：area, img, map, object, param
		7. 表格元素：caption, col, colgroup, table, tbody, td, tfoot, th, thead, tr
		8. 窗体元素：iframe 
		
		
		
		不推荐使用的元素
		1. 结构元素：无
		2. 头部元素：无
		3. 列表元素：dir, menu
		4. 文本格式元素：b, basefont, big, blink, center, comment, font, i, marquee, nobr, plaintext, ruby, s, strike, u, wbr, xmp
		5. 表单元素：isindex
		6. 多媒体元素：applet, bgsound, embed, noembed
		7. 表格元素：无
		8. 窗体元素：frame, frameset, noframes 
		
		
		
		转世重生的元素
		1. input - 表示图标, 可以用 <input /> 来做 icon 的占位元素
		2. b - 表示border, 可以用来作为圆角的占位元素
		
		
		通用JS框架:jquery,jquery-easyui-1.1
		
		通用样式:
				页头:logo,搜索,快捷通道,
				页角:
				页中:排行图标,H标签字体字号,焦点图切换,会员等级,默认会员头像,VIP会员图标,通用图标{金币,通用栏目,会员功能,}
		
		
*/
#warp{ width:1200px; margin:0 auto;}
#top .logo{ }
#top .home{ float:right; margin:20px 10px 0px 0px; }
#menu{ clear:both; height:50px;}
/** 导航 **/
#nav {margin:0 auto;width:1200px;display:block; font-family: '微软雅黑';}
#nav li {float:left;}
#nav .line{width:2px;}
#nav li a {color:#000;width:130px;text-decoration:none;line-height:49px;display:block; height:49px; text-align:center; font-size:15px; color:#fff; margin-top: 1px;}
#nav li a:hover{text-decoration:none; background:#86d4fb;}

.submenu{background:#64c1f0;display:none; position:absolute;z-index:99999; padding:4px 0; width: 190px;}
.submenu li{clear:none; float: none;}
#nav li .submenu ul li {text-align:center;width:190px;}
#nav li .submenu ul li a{width:190px;}
.submenu li a:hover{background: #86d4fb !important;}
#nav .select{background: #86d4fb;}
	
	


/*焦点图*/
#focus{clear:both; height: 400px}
#picBox{width:709px; height:220px;  overflow:hidden; position:relative; float:left}
#picBox ul#show_pic{ margin:0; padding:0; list-style:none; height:220px; width:4050px; position:absolute;}
#picBox ul#show_pic li{ float:left; margin:0; padding:0; height:220px;}
#picBox ul#show_pic li img{ display:block;}
#icon_num{ position:absolute; bottom:8px; right:10px;}
#icon_num li{ float:left; width:18px; height:18px; line-height:18px; background:#666666; list-style:none; color:#fff; text-align:center;cursor:pointer; padding:0; margin:0;margin-right:5px; margin-bottom:10px;}
#icon_num li:hover,#icon_num li.active{ background:#ff7700;color:#fff; font-size:12px;}

/*登陆邮箱*/
#mailbox{ background:url(../images/mailbox.png) no-repeat; float:left; width:272px; height:220px; margin-top: 6px; position:relative;}
#mailbox input{background-color:transparent; vertical-align:middle}
#mailbox object{z-index:-999}
#mailbox h4{ color:#848484; line-height:36px; text-indent:18px; font-size:14px;}
#mailbox .admin {background:url(../images/mail_input.png) no-repeat; width:242px; height:38px; display:block; margin-left:15px;}
#mailbox .pass {background:url(../images/mail_input.png) no-repeat; width:242px; height:38px; display:block;margin-left:15px;margin-top:6px;}
#mailbox .admin input{position:absolute;width:155x; height:22px; border:0; left:93px; top:44px; line-height:22px;}
#mailbox .pass input{position:absolute;width:155x; height:22px; border:0; left:93px; top:89px; line-height:22px; }
#mailbox .admin span{ position:absolute; top:46px; left:32px; font-size:14px; color:#FFF}
#mailbox .pass span{ position:absolute; top:91px; left:32px; font-size:14px; color:#fff;}
#mailbox .lare_bg{ width:230px; height:78px; border:#bbbbbb solid 1px; background:url(../images/mail_sub_bg.png) repeat-x; position:absolute; left:20px; top:130px;}
#mailbox .lare_bg  span{ margin:10px; display:inline-block}
#mailbox .lare_bg .landing{ position:absolute; left:15px; top:35px;}
#mailbox .lare_bg .reset{ position:absolute; left:115px; top:35px;}
#mailbox .lare_bg .landing input{background:url(../images/mail_sub.png) no-repeat; width:86px; height:26px;border:0; color:#FFF; cursor:pointer}
#mailbox .lare_bg .reset input{background:url(../images/mail_sub.png) no-repeat; width:86px; height:26px; border:0; color:#FFF;cursor:pointer}

/*页脚*/
#link{clear:both;border:#dedede solid 1px; width:993px; height:52px; margin:0 auto;}
#link h4{ background:url(../images/link.png) no-repeat; line-height:52px; height:52px; text-indent:36px; font-size:14px; font-weight:900; float:left; width:120px;}
#link .link_hb{ float:left}
#link .link_hb img{ border:#7397c9 solid 1px; margin:8px 4px;}
#footer{ line-height:24px;text-align:center; padding:5px 0px; background: #404040; color: #ccc;}
#footer p{ line-height:24px; text-align:center; padding:5px 0px}

/*翻页代码*/
.art_num{background:#f7f7f7; height:28px; clear:both; padding:16px 30px 0px; border-top:#7c7c7c dashed 1px ;text-align:center; }
.art_num a{padding:0px 6px; color:#828282;}
.art_num a:hover{color:#F00;}
.art_num a.first{padding:0px 6px 0px 18px; background:url(../images/art_numarrow.png) 0px 3px; _background:url(../images/art_numarrow.png) 0px 1px;}
.art_num a.first:hover{padding:0px 6px 0px 18px; background:url(../images/art_numarrow.png) 0px -12px; _background:url(../images/art_numarrow.png) 0px -14px;}
.art_num a.prev{padding:0px 6px 0px 12px; background:url(../images/art_numarrow.png) 0px 33px; _background:url(../images/art_numarrow.png) 0px 31px;}
.art_num a.prev:hover{padding:0px 6px 0px 12px; background:url(../images/art_numarrow.png) 0px -42px; _background:url(../images/art_numarrow.png) 0px -44px;}
.art_num a.last{padding:0px 12px 0px 6px; background:url(../images/art_numarrow.png) -140px 3px; _background:url(../images/art_numarrow.png) -140px 1px;}
.art_num a.last:hover{padding:0px 12px 0px 6px; background:url(../images/art_numarrow.png) -140px -12px; _background:url(../images/art_numarrow.png) -140px -14px;}
.art_num a.next{padding:0px 6px 0px 6px; background:url(../images/art_numarrow.png) -146px 33px; _background:url(../images/art_numarrow.png) -146px 31px;}
.art_num a.next:hover{padding:0px 6px 0px 6px; background:url(../images/art_numarrow.png) -146px -42px; _background:url(../images/art_numarrow.png) -146px -44px;}
.edge{ border-top:#999 1px dashed;}


  .fangda img {
    -webkit-transition: -webkit-transform .5s;
       -moz-transition:         transform .5s;
        -ms-transition:     -ms-transform .5s;
            transition:         transform .5s;
}

.fangda:hover img {
    -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
            transform: scale(1.05);
}